<template>
  <div class="warp flex-center">
    <!-- <div class="content">
      <h2 class="flex-center pt60 pb30">欢迎使用学生视频播放系统</h2>
      <el-form :data="data"></el-form>
    </div> -->
    <video controls class="video">
      <source :src="url" type="video/mp4">
    </video>
    <h1>傻逼幸子焘</h1>
  </div>
</template>

<script>
import api from '@/api'
import { date } from '@/utils'
export default {
  name: 'Home',
  created() {
    const nowDate = new Date()
    console.log(date(nowDate));
  },
  data() {
    return {
      data: {},
      url: require('../assets/2.mp4')
    }
  }
}
</script>

<style lang="scss" scoped>
.warp {
  height: 100vh;
  .content {
    height: 20rem;
    width: 30rem;
    background-color: #555555;
  }
  .video {
    width: 600px;
  }
}
</style>
